<%@ include file="/WEB-INF/common/taglibs.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!--content_container 영역 시작-->
<div id="content_container">
	<!--content 영역 시작-->
	<div id="content" class="content clearfix inner">
		<!-- 상품 정보 노출 영역 시작-->
		<%@ include file="/WEB-INF/view/prod/prodBase_inc.jsp"%>
		<!-- 상품 정보 노출 영역 끝-->
		
  		<!-- 상품 트래킹 영역 시작-->
  		<%@ include file="/WEB-INF/view/prod/prodTraking_inc.jsp"%>
		<!-- 상품 트래킹 영역 끝-->
		
		<!-- 가격 그래프 및 히스토리 영역 시작-->
		<div id="dataparent" style="margin-bottom: 1em;">
			<div id="maintab" class="tabs">
		    	<a href="?context=home_alerts&amp;active=summary" id="toggle_active_summary" class="on">가격 변경</a>
		    	<a href="?context=home_alerts&amp;active=details" id="toggle_active_details" class="off">상품정보</a>
		  	</div>
		  	<div id="section_summary">
				<div class="yui3-g" id="chartarea">
		  			<div class="yui3-u-4-5">
		  				<img src="/jChar/view.png?baseProductSeq=${baseProduct.baseProductSeq}&inflowProductSeq=${inflowProduct.inflowProductSeq}&height=440&width=725" height="440" width="725"/>
		 			</div>
					<div class="yui3-u-1-5">
						<form action="" id="summary_chart_form">
							<!-- Date Range 영역 시작-->
							<div class="controlbox radioboxen">
						  		<h4>Date Range
						  			<img src="http://d1i0o2gnhzh6dj.cloudfront.net/images/loading.gif" style="visibility: hidden; width: 16px;" width="16" class="throbber">
						  		</h4>
						  		<input name="tp" id="summary_tp" value="all" type="hidden" />
								<div class="togglelink">
									<div class="date_range_button centerAlign">
										<a rel="0" title="No data available for this time period, sorry!" id="toggle_tp_summary_1m" href="#" class="disabled" style="font-size: 1em !important;">1m</a>
									</div>
									<div class="date_range_button centerAlign">
										<a rel="1" title="No data available for this time period, sorry!" id="toggle_tp_summary_3m" href="#" class="disabled" style="font-size: 1em !important;">3m</a>
									</div>
									<div class="date_range_button centerAlign">
										<a rel="2" title="No data available for this time period, sorry!" id="toggle_tp_summary_6m" href="#" class="disabled" style="font-size: 1em !important;">6m</a>
									</div>
									<div class="date_range_button centerAlign">
										<a rel="3" title="No data available for this time period, sorry!" id="toggle_tp_summary_1y" href="#" class="disabled" style="font-size: 1em !important;">1y</a>
									</div>
									<div class="date_range_button centerAlign">
										<a rel="4" title="All - view data going back to Jan 20, 2015" id="toggle_tp_summary_all" href="?context=home_top_drops&amp;active=summary&amp;tp=all" class="" style="font-size: 1em !important;">All</a>
									</div>
								</div>
							</div>
							<!-- Date Range 영역 끝-->
							<!-- Price Type 영역 시작-->
							<div class="controlbox clearfix">
						        <h4>Price Type
						          <img src="http://d1i0o2gnhzh6dj.cloudfront.net/images/loading.gif" id="loadthrob_lt" style="visibility: hidden; width: 16px;" width="16" class="throbber">
						        </h4>
					              
								<div class="controlbox_row">
						            <input type="checkbox" name="pt[]" value="amazon" id="price_type_0" checked="checked" class="pt">
					            	<label for="price_type_0" title="Toggle this price type's display in the chart">
					              		<a href="?context=home_top_drops&amp;active=summary&amp;cpf[]=amazon" title="Toggle this price type's display in the chart">
					              			<div class="pricetype pricetype0 on square"><!-- // --></div>
					                		<div class="price_type_label">
					                  			Amazon
					                		</div>
					              		</a>
					            	</label>
					         	</div>
					  
					         	<div class="controlbox_row">
					            	<input type="checkbox" name="pt[]" value="new" id="price_type_1" class="pt">
					            	<label for="price_type_1" title="Toggle this price type's display in the chart">
					              		<a href="?context=home_top_drops&amp;active=summary&amp;cpf[]=amazon&amp;cpf[]=new" title="Toggle this price type's display in the chart">
							                <div class="pricetype pricetype1 on square"><!-- // --></div>
							                <div class="price_type_label">
								            	3rd Party New
					                		</div>
					              		</a>
					            	</label>
					          	</div>
					  
					              
					          	<div class="controlbox_row">
						      		<input type="checkbox" name="pt[]" value="used" id="price_type_2" class="pt" style="visibility:hidden; cursor: default;" disabled="disabled">
					            	<label for="price_type_2" title="Toggle this price type's display in the chart" class="disabled">
					              		<a href="#" title="Toggle this price type's display in the chart">
							                <div class="pricetype pricetype2 on square"><!-- // --></div>
							                <div class="price_type_label">
							                  3rd Party Used - No data
					                		</div>
					              		</a>
					            	</label>
					          	</div>
							</div>
							<!-- Price Type 영역 끝-->
							<!-- Chart Options 영역 시작-->
					    	<div class="controlbox">
					      		<h4>Chart Options
					        		<img src="http://d1i0o2gnhzh6dj.cloudfront.net/images/loading.gif" id="loadthrob_lt4" style="visibility: hidden;" class="throbber">
					      		</h4>
					      
					      		<div class="controlbox_row">
					        		<input type="checkbox" name="zero" value="0" id="chart_option_details" checked="checked">
					        		<label for="chart_option_details" title="Turn the chart's close-up view off">
					          			<a href="?context=home_top_drops&amp;active=summary&amp;chart=1">Close-up View</a>
					        		</label>
					      		</div>
					  
					      		<div class="controlbox_row">
					        		<input type="checkbox" name="fo" value="1" id="chart_option_fo">
					        		<label for="chart_option_fo" title="Turn outlier filtering on">
					          			<a href="?context=home_top_drops&amp;active=summary&amp;fo=1">Remove Extreme Values</a>
					        		</label>
					      		</div>
					 	   </div>
							<!-- Chart Options 영역 끝-->
						</form>
 					</div>
				</div>
  				<div class="tabs" id="pricetabs">
        			<a href="?context=home_alerts&amp;active=amazon" title="Detailed Amazon price history for the Amazon Price" class="selected pricetype pricetype0 selected on" id="toggle_active_sub_amazon">11번가 -  20,380원</a>
        			<a href="?context=home_alerts&amp;active=new" title="Detailed Amazon price history for the 3rd Party New Price" class="pricetype pricetype1 off" id="toggle_active_sub_new">G마켓 - 품절</a>
  				</div>
				<div id="section_amazon" class="pricetabbody pricetype0">
					<div class="yui3-g">
						<div class="yui3-u-1-2">
					    	<div class="pad">
					        <h3 class="notopmargin">11번가 가격 히스토리</h3>
					      	<table class="product_pane" width="100%"> 
								<thead>
						        	<tr>
							            <th width="40%">종류</th>
							            <th width="26%">가격</th>
							            <th class="" width="34%">시간</th>
						          	</tr>
						        </thead>
					        	<tbody>
						        	<tr>
							            <td>현재</td>
							            <td>20,380원</td>
							            <td>Jan 21, 2015</td>
					          		</tr>
					            	<tr>
										<td>Your Desired</td>
						              	<td>¥22,000</td>
					              		<td>Jan 16, 2015</td>
					            	</tr>
					              	<tr class="highest_price">
					                	<td>Highest <sup>*</sup></td>
					                	<td>¥27,690</td>
					                	<td>Apr 18, 2014</td>
					              	</tr>
					              	<tr class="lowest_price">
						                <td>Lowest <sup>*</sup></td>
						                <td>¥19,091</td>
						                <td>Oct 02, 2013</td>
					              	</tr>
					            	<tr>
						            	<td>Average <sup>+</sup></td>
						              	<td>¥23,869</td>
						              	<td>-</td>
						            </tr>
					        	</tbody>
					        </table>
					     	<p class="smalltext grey">* since Aug 27, 2013. <br/>+ of the last 50 price changes</p>
							</div>
					  	</div>
					    <div class="yui3-u-1-2">
							<div class="pad">
								<h3 class="notopmargin">Last 5 price changes</h3>
					        	<table class="history_list product_pane">
						          	<thead>
										<tr>
						              		<th width="160">Date</th>
						              		<th width="60" class="rightAlign">Price</th>
						            	</tr>
									</thead>
						          	<tbody>
						            	<tr class=" ">
						                	<td nowrap="nowrap">Jan 21, 2015 01:09 PM</td>
						                	<td class="rightAlign" nowrap="nowrap"><span class="">¥20,380</span></td>
						              	</tr>
						              	<tr class=" ">
						              		<td nowrap="nowrap">Jan 19, 2015 01:45 PM</td>
						                	<td class="rightAlign" nowrap="nowrap"><span class="">¥23,382</span></td>
						              	</tr>
						              	<tr class=" ">
						                	<td nowrap="nowrap">Jan 17, 2015 11:32 PM</td>
						                	<td class="rightAlign" nowrap="nowrap"><span class="">¥22,420</span></td>
						              	</tr>
						              	<tr class=" ">
						                	<td nowrap="nowrap">Jan 16, 2015 09:40 PM</td>
						                	<td class="rightAlign" nowrap="nowrap"><span class="">¥23,592</span></td>
						              	</tr>
						              	<tr class=" ">
						                	<td nowrap="nowrap">Jan 15, 2015 07:08 PM</td>
						                	<td class="rightAlign" nowrap="nowrap"><span class="">¥24,074</span></td>
						              	</tr>
						          	</tbody>
					        	</table>
							</div>
						</div>
					</div>
					<p class="msg_bar"><small>This is the price charged for New products when Amazon itself is the seller.</small></p>
				</div>
			</div>
		    <div class="controlbox">
				<h4>Chart Options
					<img src="http://d1i0o2gnhzh6dj.cloudfront.net/images/loading.gif" class="throbber" style="visibility: hidden;">
				</h4>
		      	<div class="controlbox_row">
		        	<input type="checkbox" name="fo" value="1" id="toggle_fo_sr_1">
		       		<label for="toggle_fo_sr_1" title="Turn outlier filtering on">
		          		<a href="?context=home_alerts&amp;active=sales_rank&amp;fo=1">Remove Extreme Values</a>
		        	</label>
		      	</div>
			</div>
			
			<div class="controlbox">
      			<h4>Is This Data Useful?</h4>
      			<p class="smalltext">Please consider 
      				<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=VRMEGHQJNWKLY" target="_blank">making a donation</a> to help keep the sales rank data online and up-to-date.
      			</p>
    		</div>
  		</div>
  		<!-- 가격 그래프 및 히스토리 영역 끝-->
	</div>
	<!--content 영역 끝-->
	<p class="msg_bar"><small>There has been no new sales rank data in the last 30 days, and/or sales rank data tables have been disabled to improve page performance.</small></p>
</div>
<!--content_container 영역 끝-->
